.{unquote($theme-name)} {

    color: $fg
    background-color: $bg

    .content .header:link, .content .header:visited {
        color: $fg;
        pointer: cursor;

        &:hover {
            text-decoration: none;
        }
    }

    .sidebar {
        background-color: $sidebar-bg
        color: $sidebar-fg
    }

    .chapter li {
        color: $sidebar-non-existant

        a { color: $sidebar-fg }

        .active,
         a:hover, {
            /* Animate color change */
            color: $sidebar-active
        }
    }

    .chapter .spacer {
        background-color: $sidebar-spacer
    }

    .menu-bar,
    .menu-bar:visited,
    .nav-chapters,
    .nav-chapters:visited,
    .mobile-nav-chapters,
    .mobile-nav-chapters:visited {
        color: $icons
    }

    .menu-bar i:hover,
    .nav-chapters:hover,
    .mobile-nav-chapters i:hover {
        color: $icons-hover
    }

    .mobile-nav-chapters i:hover {
        color: $sidebar-fg
    }

    .mobile-nav-chapters {
        background-color: $sidebar-bg
    }

    .content a:link, a:visited {
        color: $links
    }

    .theme-popup {
        color: $fg
        background: $theme-popup-bg
        border: 1px solid $theme-popup-border

        .theme:hover { background-color: $theme-hover }

        .default { color: $icons }
    }

    blockquote {
        margin: 20px 0;
        padding: 0 20px;
        color: $fg;
        background-color: $quote-bg;
        border-top: .1em solid $quote-border;
        border-bottom: .1em solid $quote-border;
    }


    table {

        td {
            border-color: $table-border-color;
        }

        // Alternate background colors for rows
        tbody tr:nth-child(2n) {
            background: $table-alternate-bg;
        }

        thead {
            background: $table-header-bg;
            td { border: none; }
            tr { border: 1px $table-header-bg solid; }
        }
    }


    /* Inline code */
    :not(pre) > .hljs {
        display: inline-block;
        vertical-align: middle;
        padding: 0.1em 0.3em;
        border-radius: 3px;
    }

    pre {
        position: relative;

        & > .buttons {
            position: absolute;
            right: 5px;
            top: 5px;

            color: $sidebar-fg;
            cursor: pointer;

            :hover { color: $sidebar-active; }
            i { margin-left: 8px; }
        }

        & > .result { margin-top: 10px; }

    }
}
